@charset "utf-8";
/*CSS Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;font-style:normal;text-decoration:none; font-weight: normal;}
table,tbody,thead,tfoot,tr,th,td{ margin:0;padding:0; }
ol,ul,li{list-style:none;}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,button,img{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
s,i,u,em{font-style:normal}
ins{text-decoration:none;}
del{text-decoration:line-through;}
input{font-size:12px; outline:none;}
b,strong{ font-weight:normal;}
body{font-family:arial,'Microsoft YaHei';font-size:15px;line-height:1.6;color:#333; background: #fff;}
select,input,button,textarea{font-family:Microsoft YaHei;color:#333;}
a:link,a:visited,a:active{text-decoration:none;}
a{font-family: Microsoft YaHei;cursor:pointer;font-weight: normal;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}
.fl{float:left;}
.fr{float:right;}
.m_shadom{box-shadow: 0 10px 10px #eee; -webkit-box-shadow: 0 10px 10px #eee; -moz-box-shadow: 0 10px 10px #eee; }

/*首页顶部*/
.t_box_index{ width: 100%;}
.t_box_index .top_nav{ width: 1200px;height: 110px; margin: 0 auto; overflow: hidden;zoom:1; }
.t_box_index .top_nav .logo{ display: block; width:155px; height: 76px; float: left; margin-top:17px; opacity:0.8;}
.t_box_index .top_nav ul{ float: right; overflow: hidden;zoom:1; text-align: right;height:110px; }
.t_box_index .top_nav ul li{ display: inline-block; font-size:18px; padding: 0 30px;height: 100%; position: relative;z-index: 0;}
.t_box_index .top_nav ul li a{ display: inline-block; height: 100%; line-height: 110px; color: #666;}
.t_box_index .top_nav ul li em{ display: block; width: 30px; height: 4px; background: #ec682f; position: absolute; left: 50%; margin-left: -15px; bottom: 0; opacity:0;}
.t_box_index .top_nav ul li.active a,.t_box_index .top_nav ul li:hover a{ color: #ec682f; }
.t_box_index .top_nav ul li.active em,.t_box_index .top_nav ul li:hover em{transition: opacity .5s;-moz-transition: opacity .5s;-webkit-transition: opacity .5s;-o-transition: opacity .5s;opacity:1;}

.t_box_index .bot_banner{ width: 100%; height: 596px; background:url(../images/b_index_banner101.jpg) no-repeat center top; position: relative;z-index: 0;}
.t_box_index .bot_banner .mid_icon1{ display: block; width: 528px; height: 458px; position: absolute; top: 34px;left:50%; margin-left: -264px;z-index: 1;background: url(../images/b_index_icon1.png) no-repeat; }
.t_box_index .bot_banner .mid_icon2{ display: block; width: 591px; height: 440px; position: absolute; bottom: 0; left:50%; margin-left: -295px;z-index: 2;background: url(../images/b_index_icon2.png) no-repeat;  }

/*分页顶部*/
.top{ width: 100%;}
.top .t_box_mid{ width: 1200px; height: 120px; overflow: hidden;zoom:1;margin: 0 auto; }
.top .t_box_mid .logo{ display: block; width:157px; height: 78px; background: url(../images/b_banner_title.png) no-repeat; float: left; margin: 21px 0 0;opacity:0.3;}
.top .t_box_mid ul{ float: right; overflow: hidden;zoom:1; text-align: right;padding-top: 35px; height: 50px; }
.top .t_box_mid ul li{ display: inline-block; font-size:18px; padding: 0 36px;height: 100%; position: relative;z-index: 0;}
.top .t_box_mid ul li a{ display: inline-block; height: 100%; line-height: 50px; color: #fff;}
.top .t_box_mid ul li em{ display: block; width: 30px; height: 5px; background: #fff; position: absolute; left: 50%; margin-left: -15px; bottom: 0; opacity:0;}
.top .t_box_mid ul li.active em,.top .t_box_mid ul li:hover em{transition: opacity .5s;-moz-transition: opacity .5s;-webkit-transition: opacity .5s;-o-transition: opacity .5s;opacity:1;}
.top .t{ width: 1200px; margin: 200px auto 0; }
.top h1{ text-indent: -9999px; display: block;  background: url(../images/b_banner_title.png) no-repeat;  }

.top.about{ background:url(../images/b_about_banner.jpg) no-repeat center top;height: 610px;}
.top.about h1{ width: 427px; height: 166px;background-position: 0 -99px;}
.top.link{ background:url(../images/b_link_banner.jpg) no-repeat center top; height: 600px;}
.top.link h1{ width: 529px; height: 166px;background-position: 0 -554px; margin-left: 88px;}
.top.join{ background:url(../images/b_join_banner.jpg) no-repeat center top; height: 610px;}
.top.join h1{ width: 410px; height: 187px;background-position: 0 -302px; margin-left:161px;}

/*底部*/
.footer{ width: 100%; padding: 30px 0; background: #444a56; min-width:1366px;} 
.footer .footer_box{ width: 1200px; margin: 0 auto; overflow: hidden;zoom:1;font-size: 14px;text-align: center;}
.footer .footer_box .links{ height: 36px; line-height: 36px; overflow: hidden; }
.footer .footer_box .links a{ color:#9fa1a3; }
.footer .footer_box .links i{ margin: 0 16px;color: #797c82; }
.footer .footer_box .links a:hover{ color: #ec682f; }
.footer .footer_box p{height: 36px;line-height: 36px;overflow: hidden;color: #7d7f81; }
.footer .footer_box p span{ margin: 0 8px; }




